<template>
  <div id="userAgree" class="main">
    <div v-html="agreeData.data" class="info"></div>
  </div>
</template>

<script setup>
import { getPrivacyPolicy } from '@/api/privacyPolicy/privacyPolicy';
import { ref } from 'vue';

const agreeData = ref({});
const fetchPrivacyPolicy = () => {
  getPrivacyPolicy().then((res) => {
    if (res.data.code == 20000) {
      agreeData.value = res.data.data;
    }
  });
};
fetchPrivacyPolicy();
</script>

<style lang="scss" scoped>
.info {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 20px 0;
  min-height: 200px;
}
</style>
<style>
.ql-align-center {
  text-align: center;
}
</style>
